<template>
  <div class="tab-nav" v-if="showstate">
    <div class="displayflex">
      <!-- <router-link to="/news" class="flex1" 
                   v-bind:class="{selected:status=='1'}">
        行业新闻
      </router-link> -->
      <router-link to="/custom" class="flex1" 
                   v-bind:class="{selected:status=='2'}">
        我的客户
      </router-link>
      <router-link to="/goods" class="flex1" 
                   v-bind:class="{selected:status=='3'}">
        我的商品
      </router-link>
    </div>

    <!-- <tab bar-active-color="#23a5a5" 
         defaultColor="#333333"
         active-color="#23a5a5"
         :line-width='2'
         class="lltab">
      <tab-item selected 
        @on-item-click="goLink('/news')" 
        :selected="status=='1'">行业新闻</tab-item>
      <tab-item 
        @on-item-click="goLink('/custom')" 
        :selected="status=='2'">客户列表</tab-item>
      <tab-item 
        @on-item-click="goLink('/goods')" 
        :selected="status=='3'">商品列表</tab-item>
    </tab> -->
  </div>
</template>

<script>
export default {
  props: ['status'],
  data () {
    return {
      showstate:false
    }
  },
  created(){
    if(localStorage.userinfo && (JSON.parse(localStorage.userinfo)).UserBizType == "Salesman"){
      this.showstate = true;
    };
  },
  methods:{
    
  }
}
</script>
